
<link rel="stylesheet" href="../Another/Style/jquery-ui.css" />
<script src="../Another/JQuery/jquery1.9.2.min.js"></script>
<script src="../Another/JQuery/jquery_ui.js"></script>
<script src="../Another/JQuery/jquery_zoom.js"></script>
<style>
	#tabs{
		width: 990px;
		margin: 0 auto;
}
	#chitietsanpham{
		width: 1000px;
		height: auto;
		margin: 0 auto;
	}

	#chitietsanpham .link{
		width: 990;
		height: 25px;
		margin: 0 auto;
		border-bottom: 1px solid #666;
		margin-bottom: 7px;
		background: #00F;
	}
	
	#chitietsanpham .thongtinsp{
		width: 990;
		height: auto;
		margin: 0 auto;
	}
	
	#chitietsanpham .thongtinsp .hinhanhsp{
		float: left;
		width: 310px;
		height: auto;
		position: absolute;
		z-index: 200;
	}
	
	#chitietsanpham .thongtinsp .thongtinchitiet{
		float: right;
		width: 640px;
		height: auto;
		background: #F00;
	}
	
	#chitietsanpham .thongtinsp .thongtinxemthem{
		width: 100%;
		height: auto;
	}
	
	/*set a border on the images to prevent shifting*/
	 #gallery_01 img{border:2px solid white;}
	 
	 /*Change the colour*/
	 .active img{border:2px solid #333 !important;}
</style>

<div id="chitietsanpham">
	<div class="link"></div>
    <div class="thongtinsp">
    	<div class="hinhanhsp">
        <img width="305" height="242" id="zoom_03" src="../Another/Images/TuiVi.png" data-zoom-image="../Another/Images/TuiVi111.png"/>
         <div id="gallery_01"> 
              <a href="#" data-image="../Another/Images/LamDep.png" data-zoom-image="../Another/Images/LamDep111.png">
                <img id="img_01" width="75" height="90" src="../Another/Images/LamDep.png" />
              </a>
        </div>
        <script>
			//initiate the plugin and pass the id of the div containing gallery images
		$("#zoom_03").elevateZoom({gallery:'gallery_01', cursor: 'pointer', galleryActiveClass: 'active'}); 
		
		//pass the images to Fancybox
		$("#zoom_03").bind("click", function(e) {  
		  var ez =   $('#zoom_03').data('elevateZoom');	
			$.fancybox(ez.getGalleryList());
		  return false;
		});
		</script>
        </div>
            <div class="thongtinchitiet">
        	<div class="hienthithongtin"></div>
            <div class="hienthisize"></div>
        </div>
    </div>
    <div class="thongtinxemthem">

    </div>
    <div class="sanphamcungloai"></div>

</div>